<?xml version="1.0"?>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <meta http-equiv="content-language" content="en" />
        <meta name="robots" content="all,follow" />
        <meta name="description" content="..." />
        <meta name="keywords" content="..." />
        <link rel="stylesheet" media="screen,projection" type="text/css" href="css/main.css" />
        <!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="css/main-msie.css" /><![endif]-->
        <link rel="stylesheet" media="print" type="text/css" href="css/print.css" />
        <script type="text/javascript" src="js/prototype.js"></script>
        <script type="text/javascript" src="js/tabs.js"></script>
        <script type="text/javascript" src="js/tooltip.js"></script>
        <script type="text/javascript" src="js/showdetail.js"></script>
        <title>ITS_PLACES</title>
        <style type="text/css">
            <!--
            .style1 {font-family: Georgia, "Times New Roman", Times, serif}
            -->
        </style>
    </head>

    <body>

        <div id="main">

            <!-- Header -->
            <div id="header">

                <h1 id="logo"><a href="./" title="[Go to homepage]" class="style1">ITSPLACES</a></h1>

                <hr class="noscreen" />



                <hr class="noscreen" />
            </div> <!-- /header -->

            <!-- Tabs -->
            <div id="search-tabs" class="box">
                <ul id="search-type">
                    <li><a href="home"><span>Home</span></a></li>
                    <li><a href="#s02"><span>Gallery</span></a></li>
                    <li><a href="#s03"><span>Location</span></a></li>
                    <li><a href="#s04"><span>About</span></a></li>
                    <li><a href="#s05"><span>FAQ</span></a></li>
                </ul>
            </div> 
            <p>
                <!-- /search-tabs -->
                <!-- Search -->
                <span class="nom t-center">
                    <center> <input type="text" size="75" name="Input" id="search-input01" /></center>
                </span><span class="nom t-center">
                    <center><input name="image" type="image" class="search-submit" value="Search" src="design/search-button.gif" /></center>
                </span></p>
            <div id="search-top"></div>
            <div id="search">
                <div id="search-in">

                    <div id="s01">
                        <form action="" method="get">
                            <p class="nom t-center">
                                <label for="search-input01"></label>
                            </p>
                        </form>
                    </div>

                </div> 
                <!-- /search-in -->
            </div> <!-- /search -->
            <div id="search-bottom"></div>

            <script type="text/javascript">
                new Control.Tabs('search-type');
            </script>

            <!-- Content -->
            <div class="box">

                <div class="col70 f-left">
                    <div class="title01-top col70 f-left"></div>
                    <div class="title01 col70">    
                        <div class="title01-in col70">
                            <h2 class="ico-list">Maps</h2>
                        </div>
                    </div>                <!-- /new-link -->
                    <div class="title01-bottom col70"></div>
                    <div class="box">
                        <img src="http://maps.google.com/maps/api/staticmap?center=-7.28304,112.794657&markers=color:blue|label:I|-7.280997,112.796717&maptype=hybrid&zoom=15&size=593x370&maptype=satellite&sensor=false" alt="" width="585" height="354" />
                    </div> 
                    <!-- /box -->

                    <hr class="noscreen" />
                </div> <!-- /col70 -->

                <div class="col30 f-right">

                    <div class="title01-top col30 f-right"></div>
                    <div class="title01 col30 f-right">    
                        <div class="title01-in col30 f-right">
                            <h2 class="ico-list">search</h2>
                        </div>
                    </div>     <!-- /new-link -->

                </div> <!-- /col30 -->

            </div> 
            <div id="page" class="box">

                <!-- Catalog -->
                <div class="box">
                    <!-- /col-l -->
                    <!-- Sidebar -->
                    <!-- /col-r -->
                </div>
                <!-- /box -->

                <div class="title01-top"></div>
                <div class="title01">    
                    <div class="title01-in">
                        <h3 class="ico-info">Information</h3>
                    </div>
                </div>                
                <div class="title01-bottom"></div>
                <div class="box">

                    <div class="col50">

                      <div class="new-link">            
                             <table>
                                <tr>
                                    <td>Informasi</td>
                                    <td>Gambar</td>
                                    <td>Lokasi</td>
                                    <td>Lihat</td>
                                </tr>
                                <c:forEach items="${allLokasi}" var="al" >
                                    <tr>
                                        <td>${al.info}</td>
                                        <td>${al.gambar}</td>
                                        <td>${al.lokasi}</td>
                                        <td><a href="show?data=single&&id=${al.id}">Lihat</a></td>
                                    </tr>
                                </c:forEach>
                            </table>
                             
                            </div>
                        <div class="new-link">
                            <hr class="noscreen" />
                        </div> <!-- /new-link -->

                    </div> <!-- /col50 -->

                    <div class="col50 f-right">

                        <div class="new-link">
                            <table width="428" height="215" border="0">
                                <tr>
                                    <td>&nbsp;</td>
                                </tr>
                            </table>
                        </div>
                        <div class="new-link">
                            <hr class="noscreen" />
                        </div> <!-- /new-link -->

                    </div> <!-- /col50 -->

                </div> <!-- /box -->

                <p class="t-center"><a href=""></a></p>

            </div> <!-- /page -->

            <!-- Footer -->
            <div id="footer">
                <hr class="noscreen" />

                <p class="f-right noprint">&nbsp;</p>

                <p>&copy;&nbsp;2011 <a href="">ITSPLACES</a><br />
                    <!-- Do you want to remove this backlinks? Look at www.nuviotemplates.com/payment.php -->
                </p>
                <!-- Do you want to remove this backlinks? Look at www.nuviotemplates.com/payment.php -->

            </div> <!-- /footer -->

        </div> <!-- /main -->

    </body>
</html>
